<!DOCTYPE html>
<html lang="en">

<head>
  <title>个人中心tangdd.cn</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- 引入图标 -->
  <link rel="icon" type="image/x-icon" href="favicon.ico" />
  <!--引入共同样式以及字体 -->
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="//at.alicdn.com/t/font_1223203_jqitmobrk5.css">
  <link rel="stylesheet" href="css/animate.min.css">
  <link rel="stylesheet" href="css/index.css">
  <!-- base里面只写自创公共样式 -->
  <link rel="stylesheet" type="text/css" href="css/base.css">
  <!-- 以下是需要引用的本页面以及关联页面css -->
  <link rel="stylesheet" href="css/portal.css">
</head>

<body>
  <!-- 导航栏开始 -->
  <div class="headerpage "></div>
  <!-- 导航栏结束 -->
  <!-- 页面主体内容开始1 -->
      <div class="personal">
        <div class="wid">
          <!-- 面包屑导航1 -->
          <div class="bar">
            <span id="kinds">首页</span>
            <i class=" iconfont icon-dayuhao"></i>
            <span id="nav_name">个人中心</span>
          </div>
          <!-- 面包屑导航2 -->
      <!-- 个人中心开始1 -->
      <div class="main-personal">
        <div class="personal-left">
          <p>快捷导航</p>
          <ul>
            <li>我的订单</li>
            <li>我的购物车</li>
            <li>随便逛逛</li>
            <li>优惠产品</li>
          </ul>
          <p>个人中心</p>
          <ul>
            <li>我的个人中心</li>
          </ul>
        </div>
        <div class="personal-right">
          <div class="personal-top">
            <div class="img-self">
                <img src="images/index/d7.gif" alt="">
            </div>
            <ul>
              <li class="personal-name">糖糖</li>
              <li class="text-gray"><span>修改个人信息&gt;</span></li>
            </ul>
            <ul>
              <li>账户安全：<span>普通</span></li>
              <li>绑定手机：<span>18625578825</span></li>
              <li>绑定邮箱：<span>未绑定</span></li>
            </ul>
          </div>
          <div class="personal-bottom">
            <div class="bottom-item">
              <i class="icon iconfont icon-qunfengqiabao"></i>
              <ul>
                <li>待支付订单：<span>0</span></li>
                <li><span>查看待支付订单&gt;</span></li>
              </ul>
            </div>
            <div class="bottom-item">
              <i class="icon iconfont icon-daipingjia01"></i>
              <ul>
                <li>待评价订单：<span>0</span></li>
                <li><span>查看待评价订单&gt;</span></li>
              </ul>
            </div>
            <div class="bottom-item">
              <i class="icon iconfont icon-shouhuoshou--"></i>
              <ul>
                <li>待收货订单：<span>1</span></li>
                <li><span>查看待收货订单&gt;</span></li>
              </ul>
            </div>
            <div class="bottom-item">
              <i class="icon iconfont icon-ziyuanxhdpi"></i>
              <ul>
                <li>到处去看看：<span>go</span></li>
                <li><span>到处去看看&gt;</span></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="clearfix"></div>
      </div>
      </div>
      </div>
      <!-- 个人中心开始2 -->
  
  <!-- 页面主体内容开始1 -->
  <!-- 底部引入1 -->
  <footer>
		
    <!-- 页面底部开始 -->
    <div class="footer">
      <div class="wid">
          <ul class="clearfix">
            <li><a href="#">回到顶部</a></li>
            <li><a href="#">产品介绍</a></li>
            <li><a href="#">优惠产品</a></li>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">联系我们</a></li>
          </ul>
          <div class="hr">
            <span>Copyright © 2019 糖豆豆蛋糕主题演示1站 · Powered By <a href="#">TANG · Dou Theme By SunJD</a></span>
          </div>
          <i>友情链接: &nbsp;
            <a href="#">糖豆豆官网</a>
            <a href="#">糖豆豆官网</a>
            <a href="#">糖豆豆官网</a>
          </i>
          <div class="flower ">
              <img src="images/index/flowers/f1.png" alt="">
              <img src="images/index/flowers/f3.png" alt="">
              <img src="images/index/flowers/f1.png" alt="">
            <img src="images/index/flowers/f3.png" alt="">
            <img src="images/index/flowers/f1.png" alt="">
          </div>
      </div>
    </div>
    <!-- 页面底部结束 -->
      </footer>
  <!-- 底部引入2 -->
  <script src="js/jquery-1.11.3.js"></script>
  <script src="js/bootstrap.js"></script>
  <script src="js/ajax.js"></script>
  <script src="js/details.js"></script>
  <script>
    $('.headerpage').load('header.html')
  </script>
</body>

</html>